import React from 'react';
import "./community.css"
import Navbar from "../../components/navbar/navbar"



function Community() {



  return (
    <div className='chat-page'>
      <div className="top">
        <div className="left">
          <img src="../assets/img/service_pic.png" alt="" />
        </div>
        <div className="mid">
          <span className='active'>广场</span>
          <span>关注</span>
        </div>
        <div className="right">
          <img src="../assets/img/home_message.png" alt="" />
        </div>
      </div>
      <div className='tallmsg'>
        <div className='message'>
          <div className='info'>
            <div className="info_top">
              <div className="person_info">
                <div tag="div" className="toux">
                  <img src="../assets/img/user.jpg" alt="" />
                  <img className="v" src="../assets/img/v5.png" alt="" />
                  {/* <img className="v" src="../assets/img/v4.png" alt="" /> */}
                  {/* <img className="v" src="../assets/img/v3.png" alt="" /> */}
                  {/* <img className="v" src="../assets/img/v2.png" alt="" /> */}
                  {/* <img className="v" src="../assets/img/v1.png" alt="" /> */}
                </div>
                <div className="t">
                  <h4>111</h4>
                  <span>1分钟前</span>
                </div>
              </div>
              <div className="n">
                <div className="check">
                  <span>+关注</span>
                </div>
                {/* <img src="../assets/img/zan_down.png" alt="" /> */}
              </div>
            </div>
            <div className="info_mid">
              <ul className='six'>
                <li >
                  <img src="../assets/img/user.jpg" alt="" />
                  {/* <div className="big" >
                    <div className="img">
                      <img src='../assets/images/262706686.jpg' />
                    </div>
                  </div> */}
                </li>
                <li >
                  <img src="../assets/img/user.jpg" alt="" />
                  {/* <div className="big" >
                    <div className="img">
                      <img src='../assets/images/262706686.jpg' />
                    </div>
                  </div> */}
                </li>
                <li >
                  <img src="../assets/img/user.jpg" alt="" />
                </li>
                <li >
                  <img src="../assets/img/user.jpg" alt="" />
                </li>
                <li >
                  <img src="../assets/img/user.jpg" alt="" />
                </li>
                <li >
                  <img src="../assets/img/user.jpg" alt="" />
                </li>
              </ul>
              <h4>周末吃好一点</h4>
            </div>
            
            <div className="info_bot">
              <div className="bot-t">
                <div className="inp">
                  <span>快捷回复</span>
                  <div className="emo">
                    <img src="../assets/img/Expression_3.png" alt="" />
                    <img src="../assets/img/Expression_12.png" alt="" />
                    <img src="../assets/img/item_guanzhu_red.png" alt="" />
                  </div>
                </div>
                <div className="zan">
                  <img src="../assets/img/chat_list_zan_def.png" alt="" />
                  <span>点个赞</span>
                </div>
              </div>
              <div className="bot-b">
                <span>111人评论</span>
                <span>111人点赞</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div className='tallmsg'>
        <div className='message'>
          <div className='info'>
            <div className="info_top">
              <div className="person_info">
                <div tag="div" className="toux">
                  <img src="../assets/img/user.jpg" alt="" />
                  <img className="v" src="../assets/img/v5.png" alt="" />
                  {/* <img className="v" src="../assets/img/v4.png" alt="" /> */}
                  {/* <img className="v" src="../assets/img/v3.png" alt="" /> */}
                  {/* <img className="v" src="../assets/img/v2.png" alt="" /> */}
                  {/* <img className="v" src="../assets/img/v1.png" alt="" /> */}
                </div>
                <div className="t">
                  <h4>111</h4>
                  <span>1分钟前</span>
                </div>
              </div>
              <div className="n">
                <div className="check">
                  <span>+关注</span>
                </div>
                {/* <img src="../assets/img/zan_down.png" alt="" /> */}
              </div>
            </div>
            <div className="info_mid">
              <ul className='four'>
                <li >
                  <img src="../assets/img/user.jpg" alt="" />
                  {/* <div className="big" >
                    <div className="img">
                      <img src='../assets/images/262706686.jpg' />
                    </div>
                  </div> */}
                </li>
                <li >
                  <img src="../assets/img/user.jpg" alt="" />
                  {/* <div className="big" >
                    <div className="img">
                      <img src='../assets/images/262706686.jpg' />
                    </div>
                  </div> */}
                </li>
                <li >
                  <img src="../assets/img/user.jpg" alt="" />
                </li>
                <li >
                  <img src="../assets/img/user.jpg" alt="" />
                </li>
                
              </ul>
              <h4>周末吃好一点</h4>
            </div>
            
            <div className="info_bot">
              <div className="bot-t">
                <div className="inp">
                  <span>快捷回复</span>
                  <div className="emo">
                    <img src="../assets/img/Expression_3.png" alt="" />
                    <img src="../assets/img/Expression_12.png" alt="" />
                    <img src="../assets/img/item_guanzhu_red.png" alt="" />
                  </div>
                </div>
                <div className="zan">
                  <img src="../assets/img/chat_list_zan_def.png" alt="" />
                  <span>点个赞</span>
                </div>
              </div>
              <div className="bot-b">
                <span>111人评论</span>
                <span>111人点赞</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div className='tallmsg'>
        <div className='message'>
          <div className='info'>
            <div className="info_top">
              <div className="person_info">
                <div tag="div" className="toux">
                  <img src="../assets/img/user.jpg" alt="" />
                  <img className="v" src="../assets/img/v5.png" alt="" />
                  {/* <img className="v" src="../assets/img/v4.png" alt="" /> */}
                  {/* <img className="v" src="../assets/img/v3.png" alt="" /> */}
                  {/* <img className="v" src="../assets/img/v2.png" alt="" /> */}
                  {/* <img className="v" src="../assets/img/v1.png" alt="" /> */}
                </div>
                <div className="t">
                  <h4>111</h4>
                  <span>1分钟前</span>
                </div>
              </div>
              <div className="n">
                <div className="check">
                  <span>+关注</span>
                </div>
                {/* <img src="../assets/img/zan_down.png" alt="" /> */}
              </div>
            </div>
            <div className="info_mid">
              <ul className='one'>
                <li >
                  <img src="../assets/img/user.jpg" alt="" />
                  {/* <div className="big" >
                    <div className="img">
                      <img src='../assets/images/262706686.jpg' />
                    </div>
                  </div> */}
                </li>
                
                
              </ul>
              <h4>周末吃好一点</h4>
            </div>
            
            <div className="info_bot">
              <div className="bot-t">
                <div className="inp">
                  <span>快捷回复</span>
                  <div className="emo">
                    <img src="../assets/img/Expression_3.png" alt="" />
                    <img src="../assets/img/Expression_12.png" alt="" />
                    <img src="../assets/img/item_guanzhu_red.png" alt="" />
                  </div>
                </div>
                <div className="zan">
                  <img src="../assets/img/chat_list_zan_def.png" alt="" />
                  <span>点个赞</span>
                </div>
              </div>
              <div className="bot-b">
                <span>111人评论</span>
                <span>111人点赞</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      {/* 底部导航 */}
      <Navbar index="2" />

    </div>
  )



}


export default Community;
